@charset"utf-8";
@import "common/reset";
@function p($px){
    @return $px/2+px;
}
.mobile{
    header{
        overflow: hidden;
        .back{
            float: left;
            width: p(123);
            height: p(57);
            border: p(1) solid #ff9a50;
            border-radius: p(17);
            margin-left: p(23);
            margin-top: p(48);
            span{
                display: block;
                text-align: center;
                margin-top: p(10);
            }
        }
        .top_text{
            font-size: p(26);
            display: block;
            margin: 0 auto;
            margin-top: p(64);
            width: p(105);
        }
        .top_img{
            width: p(62);
            float: right;
            margin-right: p(22);
            height: p(56);
            margin-top: p(-48);
            img{
                width: 100%;
            }
        }
    }
    section{
        margin-bottom: p(167);
        overflow: hidden;
        .touxiang{
            margin-top: p(19);
            overflow: hidden;
            margin-left: 3%;
                position: relative;
            .touxiang_img{
                float: left;
                width: 22.7%;
                padding-top: 22.7%;
                position: relative;
                img{
                    position: absolute;
                    width: 100%;
                    top: 0;
                }                
            }
            .touxiang_test{
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                margin-left: 23.7%;
                span:nth-of-type(1){
                    font-size: p(30);
                    color: #676767;
                    line-height: p(60);
                }
                span{
                    font-size: p(26);
                    display: block;
                    line-height: p(60);
                    color: #9d9d9d;
                }
            }
            .touxiang_you{
                font-size: p(80);
                float: right;
                margin-top: p(40);
                margin-right: 3%;
            }
        }
        .touxiang_youhuiquan{
            margin-top: p(26);
            .touxiang_youhuiquan_img{
                float: left;
                width: 25%;
                margin: 0 4.1%;
                padding-top: 20.1%;
                position: relative;
                img{
                    position: absolute;
                    top: 0;
                    width: 100%;
                }
            }
        }
        .youhui2{
            width: 92%;
            margin-left: 4%;
            margin-bottom: p(16);
            float: left;
            margin-top: p(30);
            position: relative;
            .youhui_img{
                width: p(66);
                height: p(77);
                float: left;
                img{
                    width: 100%;
                }
            }
            .youhui_img2{
                width: p(25);
                height: p(26);
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                img{
                    width: 100%;
                }
            }
            span{
                font-size: p(26);
                float: left;
                margin-left: p(10);
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }
            span:nth-of-type(2){
                font-size: p(24);
                float: right;
                position: absolute;
                right: p(25);
                top: 50%;
                transform: translateY(-50%);
            }
        }
        .seaction_left{
            width: 50%;
            float: left;
            .seaction_left_box{
                width: p(147);
                height: p(76);
                border-radius: p(60);
                margin: 0 auto;
                background-color: #ff9344;
                overflow: hidden;
                span{
                    text-align: center;
                    display: block;
                    margin-top: p(14);
                }
            }
        }
        .seaction_right{
            width: 50%;
            float: left;
            .seaction_right_box{
                width: p(147);
                height: p(76);
                border-radius: p(60);
                margin: 0 auto;
                background-color: #ff9344;
                overflow: hidden;
                span{
                    text-align: center;
                    display: block;
                    margin-top: p(14);
                }
            }
        }
    }
}
